<template>
  <div class="filterList">
      <!-- <van-list  v-model="loading" :finished="finished" finished-text="没有更多了" offset="20" :check="true" @load="onLoad"> -->
      <!-- <van-list> -->
        <van-card v-for="item in list.filterList" :origin-price="item.counterPrice" :key="item.id" :price="item.retailPrice" :desc="item.desc"
          :title="item.name" :thumb="item.picUrl" @click="goDetail(item.id)"/>
      <!-- </van-list> -->
  </div>
</template>

<script>
export default {
  name: 'FilterList',
  props: ['searchData'],
  components: {

  },
  data () {
    return {
      list: []
    }
  },
  watch: {
    list: {
      deep: true,
      immediate: true,
      handler (news, old) {
        console.log(news, old)
      }
    }
  },
  mounted () {
    console.log(111)
    console.log(this.searchData)
  },
  methods: {
    onLoad () {},
    goDetail (id) {}
  }
}

</script>
<style scoped lang='scss'>
</style>
